@import "@/assets/css/common.scss";
.play-box-area {
  @include background_color("play-con-bg");
  @include font_color("text-color");
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
  padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
}
.play-box-empty {
  @include background_color("background_color");
  // height: 2rem;
  position: relative;
  // padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
  // padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
}
.play-box {
  width: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid #f4f4f5;
  padding: 0.1rem 0.25rem;
  @include border_color("border-color");
  .play-left {
    width: 1rem;
    background-color: #ccc;
    height: 1rem;
    border-radius: 0.5rem;
    // margin-left: 0.25rem;
    // margin-bottom: 0.1rem;
  }
  .play-center {
    flex: 1;
    margin-left: 0.2rem;
    letter-spacing: 0.026667rem;
    .music-name {
      font-size: 0.38rem;
      margin-right: 0.5rem;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .music-author {
      font-size: 0.32rem;
      color: #909399;
    }
  }
  .play-right {
    display: flex;
    align-items: center;
    .play-btn {
      margin-right: 0.5rem;
      display: flex;
      align-items: center;
      .iconfont {
        font-size: 0.35rem;
      }
      .icon-bofang1 {
        font-size: 0.75rem;
      }
    }
    .play-list {
      font-size: 0.8rem;
      // margin-right: 0.25rem;
      .iconfont {
        font-size: 0.8rem;
      }
    }
  }
}
